<!--新建合同-->
<section class="plr-24 newCt-1" id="create-contract-update">
  <!-- 基础信息 -->
  <section>
    <div class="clearfix line-height-56 border-b">
      <p class="line-height-56 pull-left">合同变更</p>
    </div>
    <div class="number">
      <span class="pr-24">变更单号：</span>
      <span>{{baseMes.alter_no | formatUndefined}}</span>
    </div>
    <div class="mb-10">
      <span class="pr-24">关联单据：</span>
      <span>{{baseMes.m_code | formatUndefined}}</span>
    </div>
    <div class="mb-10">
      <span class="pr-24">变更类型：</span>
      <button type="button" name="button" class="btn n-btn-primary">一般变更</button>
    </div>
    <div class="mb-10 contract-memo clearfix">
      <div class="memo-name">变更说明：</div>
      <textarea class="form-control contract-memo-textarea" name="name" rows="6" cols="80" v-model="baseMes.alert_description"></textarea>
    </div>
    <div class="sperate-line"></div>
  </section>

  <!-- 合同基本信息 -->
  <section>
    <h3 class="title" style="margin-bottom:10px;">合同基本信息</h3>
    <div class="number">
      <span class="pr-24">合同编号：</span>
      <input type="text" class="form-control ct-number-ipt" v-model="baseMes.c_code">
    </div>
    <div class="mb-10">
      <span class="pr-24">合同名称：</span>
      <input type="text" class="form-control ct-number-ipt" v-model="baseMes.name">
    </div>
    <div class="mb-10 dy-flex" style="align-items: center">
      <span class="pr-24" style="margin-right: 3px">签订日期：</span>
      <div style="width: 140px">
        <web-calendar type="primary" v-model="signingDate"  tips="起始时间"></web-calendar>
      </div>
    </div>
    <div class="mb-10 contract-memo clearfix">
      <div class="memo-name">备注：</div>
      <textarea class="form-control contract-memo-textarea" name="name" rows="6" cols="80" v-model="baseMes.memo"></textarea>
    </div>
    <div class="sperate-line"></div>
  </section>

  <!-- 乙方信息 -->
 <section class="rent-container">
    <form id="renter-mes-form">
      <h3 class="title" style="margin-bottom:20px;">乙方</h3>
      <div class="row mb-10">
        <div class="col-xs-1 pr-0" style="width:120px;"><span class="required">*</span>租赁方：</div>
        <div class="col-xs-10 js-rent-method">
          <span :class="{'hl-radio':true, 'mr-10': true, active:zlfType.active == item.type}" v-for="item in zlfType.list" @click="selectedZlf(item.type)">{{item.name}}</span>
        </div>
      </div>

      <div class="row mb-10">
        <div class="col-xs-1 pr-0 js-cy-name line-height-34" style="width:120px;"><span class="required">*</span>客户名称：</div>
        <div class="col-xs-3 relative">
          <input
            type="text"
            class="form-control"
            autocomplete="off"
            v-model="zlfInfo.zlf_name"
          >
        </div>
        <div class="col-xs-1 pr-0 text-right line-height-34" style="width:120px;"><span class="required">*</span>所属行业：</div>
        <div class="col-xs-3 pr-0">
          <div class="select-ul" id="industry-st">
            <span class="select-name br-4 box-i-shadow">{{industryTypes.selectedName ? industryTypes.selectedName : '请选择'}}</span>
            <ul>
              <li
                v-for="item in industryTypes.list"
                @click="selectedIndustryType(item.dictCode, item.dictName)"
              >{{item.dictName}}</li>
            </ul>
          </div>
        </div>
      </div>

      <!-- 公司租赁  -->
      <div class="row mb-10" v-if="zlfType.active === 'C'">
        <div class="col-xs-1 pr-0 line-height-34" style="width:120px;"><span class="required">*</span>纳税人识别号：</div>
        <div class="col-xs-3">
          <input type="text" class="form-control" autocomplete="off" v-model="zlfInfo.idcode">
        </div>
        <div class="col-xs-1 pr-0 text-right line-height-34 email-ipt" style="width:120px;">公司邮箱：</div>
        <div class="col-xs-3 pr-0">
          <input type="text" class="form-control" autocomplete="off" v-model="zlfInfo.email">
        </div>
      </div>

     <!-- 个人租赁  -->
      <div class="row mb-10" v-if="zlfType.active === 'P'">
        <div class="col-xs-1 pr-0 line-height-34" style="width:120px;"><span class="required">*</span>身份证号：</div>
        <div class="col-xs-3">
          <input type="text" class="form-control" autocomplete="off" v-model="zlfInfo.idcode">
        </div>
        <div class="col-xs-1 pr-0 text-right line-height-34 email-ipt" style="width:120px;">个人邮箱：</div>
        <div class="col-xs-3 pr-0">
          <input type="text" class="form-control" autocomplete="off" v-model="zlfInfo.email">
        </div>
      </div>

      <div class="row mb-10">
        <div class="col-xs-1 pr-0 line-height-34" style="width:120px;"><span style="padding-left:5px;"></span>法人：</div>
        <div class="col-xs-3">
          <input type="text" class="form-control" autocomplete="off" v-model="zlfInfo.zlf_lperson">
        </div>
        <div class="col-xs-1 pr-0 text-right line-height-34" style="width:120px;">联系电话：</div>
        <div class="col-xs-3 pr-0">
          <input type="text" class="form-control" autocomplete="off" v-model="zlfInfo.zlf_lphone" >
        </div>
      </div>

      <div class="row mb-10">
        <div class="col-xs-1 pr-0 line-height-34" style="width:120px;"><span class="required">*</span>联系人：</div>
        <div class="col-xs-3">
          <input type="text" class="form-control" autocomplete="off" v-model="zlfInfo.zlf_sperson">
        </div>
        <div class="col-xs-1 pr-0 text-right line-height-34" style="width:120px;"><span class="required">*</span>联系电话：</div>
        <div class="col-xs-3 pr-0">
          <input type="text" class="form-control" autocomplete="off" v-model="zlfInfo.zlf_sphone" >
        </div>
      </div>

      <div class="row mb-20">
        <div class="col-xs-1 pr-0 line-height-34" style="width:120px;"><span class="required">*</span>通讯地址：</div>
        <div class="col-xs-8 pr-0 contract-address">
          <input type="text" class="form-control" autocomplete="off" v-model="zlfInfo.zlf_address">
        </div>
      </div>

      <div class="sperate-line"></div>
    </form>
  </section>

  <div class="ptb-10">
    <button class="btn n-btn-primary mr-10" @click="syncData" type="button">同步招商数据</button>
    <button class="btn n-btn-outline mr-10 js-access-control" data-control="c122" @click="saveData" type="button">保存</button>
    <button class="btn n-btn-outline js-access-control" data-control="c123" @click="submitData" type="button">提交</button>
  </div>

</section>

 <script src="modules/contract/scripts/contract_update_create.js" charset="utf-8"></script>
